<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>首页</title>
	</head>
	<body class="dpflex fdcolumn" id="bodybox">
		<div class="swiper header">
			<!-- Additional required wrapper -->
			<div class="swiper-wrapper">
				<!-- Slides -->
				<div class="swiper-slide image1"></div>
				<div class="swiper-slide image2"></div>
				<div class="swiper-slide image3"></div>
			</div>
			<!-- If we need pagination -->
			<div class="swiper-pagination"></div>
		</div>
		<div class="DisplayArea">
			<div class="boxone">
				<div class="boxoneleft pin10 por">
					<p>今日排名：</p>
					<p id="Ranking"></p>
				</div>
				<div class="boxoneright pin10 por">
					<p>今日打卡：<span id="Punch"></span></p>
					<button id="Punchbtn"></button>
				</div>
			</div>
			<div class="boxtwo">
				<div class="boxtwoleft borr pin10 f12">运动数据</div>
				<div class="boxtworight borr pin10 f12 por">
					累计运动徽章
					<p id="NumberHonors"><span id="numhonors">3</span>枚</p>
				</div>
			</div>
			<div class="boxthree dpflex fdcolumn">
				<div>课程训练</div>
				<div>室外跑步</div>
				<div></div>
				<div></div>
				<div></div>
				<div></div>
				<div></div>
			</div>
		</div>
		<div id="placeholder"></div>
	</body>
</html>
